<#include "/common/template.ftl">
<#assign newCourseTestList=["1", "2", "3", "4", "5", "6", "7", "8", "9"]>
<@template csses=["moreForecastCourses"] jses=["overview","bootstrap-paginator","moreForecastCourses"]>
	<div class=""  style="width:990px; height:790px; margin:0px auto; padding-top:10px; background-color:#ffffff">
		<div class=""  style="width:978px; height:760px; border-width:1px; border-color:#dddddd; border-style:solid; margin:0px auto; background-color:#ffffff">
			<div class=""  style="width:978px; height:32px; margin-left:auto; margin-right:auto; background-color:#A4E90C">
				<div style="font-size:20px; color:#000000; padding-top:6px;">
					<a class="" style="padding-left:20px; font-weight:bold; color:#000;" href="${basePath}/overview">首 页</a>
					<a><img src="${basePath}/static/images/macro_arrow.png"></a>
					<h>课程报名</h>
				</div>
			</div>
		
		    <form class="search_new_course" action="${basePath}/login" method="post">
				<div class="s_n_c_area">
					<select class="province" name="provinceOrCity">
						<option>省  市</option>
						<option>上海</option>
					</select>
					<select class="district" name="district">
						<option>地  区</option>
						<option>徐汇</option>
					</select>
					<select class="grade" name="grade">
						<option>年  级</option>
						<option>五年级</option>
					</select>
					<select class="subject" name="subject">
						<option>学  科</option>
						<option>数学</option>
					</select>
					<button class="btn btn-primary search_btn" type="submit">搜   索</button>
				</div>
			</form>
			
			<#if pageView?exists>
				<div class="new_course_area">
					<input class="hidden" id="totalPageCount" value="${pageView.totalPage}"/>
					<input class="hidden" id="currentPageNum" value="${pageView.currentPage}"/>
					
					<#list pageView.datas as course>
						<div class="course_item">
							<div>
								<a class="course_img"><img src="${course.courseImgUrl!}"></a>
								<div>
									<button class="btn btn-primary sign_up_course" onclick="jumpToForecastCourseDetail()">我要报名</button>
				                </div>			
							</div>
							<div class="new_course_detail">
							  	<p>
									<span><strong>学科:</strong>${course.subject!}</span>
									<span class="n_c_item_grade"><strong>年级:</strong>${course.grade!}</span>
								</p>
								<p><strong>主题:</strong>${course.theme!}</p>
								<p><strong>主讲人:</strong>${course.teacher!}</p>
								<p><strong>时间:</strong>${course.liveTime!}</p>
								<p><strong>课程学费:</strong>￥${course.feeOnline!}(线上)</p>
								<p class="offline_fee">￥${course.feeOffline!}(线下)</p>
								<p><strong>上课地点:</strong>${course.offlineAddress!}(线下)</p>
							</div>
						</div>
					</#list>
				</div>
				<!-- 分页 -->
				<div class="pagination pull-right">
					<div class="pull-left"  style="margin-bottom:0px; margin-top:5px;">
						第${pageView.currentPage+1}页/共${pageView.totalPage}页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共44条
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					</div>
					<span id="pager" style="float:left; margin:0"></span>
					<div class="pull-left">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;转到
						<input id="goPageNum" type="text" class="width_20" style="width:26px; height:20px; padding:2px 1px; margin-bottom:1px;"> 页 
						<input class="btn" type="button" onclick="goToPage()" value="GO" style="margin-bottom:2px; margin-right:10px;"/>
					</div>
				</div>
			</#if>
		</div>
	</div>
</@template>